.coupon_list_page {
    min-height: 100vh;
    padding-bottom: var(--safe-area-inset-bottom);

    background: #ffffff;

    .head_nav {
        position: sticky;
        z-index: 9;
        top: 0;
        right: 0;
        left: 0;

        display: flex;
        align-items: center;
        justify-content: space-between;

        padding: 0 63rpx;

        color: #cccccc;
        border-top: #f5f5f5 2rpx solid;
        background-color: #fff;

        .activite {
            color: #fe292b;

            font-family: PingFangSC-Medium, PingFang SC;
            font-size: 29rpx;
            font-weight: 500;
            line-height: 85rpx;
        }

        .common {
            color: #999999;

            font-family: PingFangSC-Regular, PingFang SC;
            font-size: 29rpx;
            font-weight: 400;
            line-height: 85rpx;
        }

        .head_line {
            height: 5rpx;

            border-radius: 3rpx;
            background-color: #fe292b;
        }
    }

    .coupon_list {
        padding-top: 29rpx;

        .coupon_item {
            position: relative;

            width: 692rpx;
            min-height: 185rpx;
            margin: auto;
            margin-bottom: 29rpx;

            border: 2rpx solid #ffa5a6;
            border-radius: 14rpx;
            background: #ffeded;

            .coupon_item_sign {
                position: absolute;
                top: 0;
                right: 0;

                image {
                    width: 116rpx;
                    height: 105rpx;
                }
            }

            .coupon_item_used {
                position: absolute;
                top: 42rpx;
                right: 94rpx;

                width: 135rpx;
                height: 101rpx;
            }

            .coupon_item_container {
                display: flex;
                align-items: center;

                height: 185rpx;

                color: #fe292b;

                .coupon_item_left {
                    overflow: hidden;

                    width: 178rpx;
                    max-width: 178rpx;
                    padding: 0 4rpx;

                    text-align: center;
                    white-space: nowrap;
                    text-overflow: ellipsis;

                    font-family: PingFangSC-Semibold, PingFang SC;
                    font-size: 51rpx;
                    font-weight: 600;
                    line-height: 51rpx;
                    .unit {
                        font-family: PingFangSC-Regular, PingFang SC;
                        font-size: 25rpx;
                        font-weight: 400;
                        line-height: 25rpx;
                    }
                }

                .coupon_item_right {
                    display: flex;
                    align-items: flex-start;
                    flex-direction: column;
                    justify-content: space-evenly;

                    height: 185rpx;
                    padding: 36prx 0 29rpx;

                    .coupon_item_title {
                        font-family: PingFangSC-Regular, PingFang SC;
                        font-size: 29rpx;
                        font-weight: 400;
                        line-height: 25rpx;
                    }

                    .coupon_item_condition {
                        font-family: PingFangSC-Regular, PingFang SC;
                        font-size: 22rpx;
                        font-weight: 400;
                        line-height: 25rpx;
                    }

                    .coupon_item_time {
                        font-family: PingFangSC-Regular, PingFang SC;
                        font-size: 22rpx;
                        font-weight: 400;
                        line-height: 25rpx;
                    }
                }
            }

            .coupon_item_action {
                display: flex;
                align-items: center;
                flex-direction: row-reverse;

                height: 96rpx;
                margin: 0 29rpx;

                border-top: 2rpx dashed #ffa5a6;

                .btn {
                    width: 159rpx;
                    height: 65rpx;
                    margin-left: 22rpx;

                    text-align: center;

                    border: 2rpx solid #fe292b;
                    border-radius: 36rpx;

                    font-family: PingFangSC-Medium, PingFang SC;
                    font-size: 25rpx;
                    font-weight: 500;
                    line-height: 65rpx;
                }

                .coupon_item_btn_read {
                    color: #fe292b;
                    background: #ffffff;
                }

                .coupon_item_btn_use {
                    color: #ffffff;
                    background: linear-gradient(270deg, #ff5356 0%, #fe292b 100%);
                }
            }
        }

        .coupon_invalid {
            border: 2rpx solid #cccccc;
            background: #f8f8f8;

            .coupon_item_container {
                color: #cccccc;
            }
        }

        .none {
            width: 290rpx;
            height: 256rpx;
            margin: 300rpx auto;

            text-align: center;

            .empty {
                width: 100%;
                height: 100%;
            }

            .title {
                height: 40px;

                color: #333333;

                font-family: PingFangSC-Regular, PingFang SC;
                font-size: 29rpx;
                line-height: 40px;
            }
        }

        .no_more {
            height: 28rpx;
            margin-bottom: 12rpx;

            text-align: center;

            color: #999999;

            font-size: 28rpx;
            line-height: 28rpx;
        }

        .holder {
            min-height: 1rpx;
        }
    }
}
